<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to HotelManagement</title>
<link href="Webcontent/CSS/Style.css" rel="stylesheet" type="text/css" />
<link href="Webcontent/CSS/layout.css" rel="stylesheet" type="text/css" />
<link href="Webcontent/CSS/lavalamp.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Webcontent/jslib/jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="Webcontent/jslib/jquery.easing.min.js"></script>
    <script type="text/javascript" src="Webcontent/jslib/jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>

<div id="wrapper">

	<div id="branding">
		<div id="logo"><h1>Welcome to HM System</h1><a name="home"/></div>
        <div id="strap"><h2>A system developed by Group 14.</h2>
      </div>
	</div>

<div id="container">	
	<div class="nav">
    	<ul class="lavaLampNoImage" id="1">
    		<li><a href="Index.html">Home</a></li>
    		<li><a href="About.html" >About</a></li>
    		<li><a href="Accommodations.html">Accommodation</a></li>
    		<li class="current"><a href="#">Reservation</a></li>
        	<li><a href="#">Login</a></li>
    	</ul>
    </div>
    <div class="radial_bg">
   	  	<div class="sidebar"><h6 id="res">Reservation</h6></div>
			<div class="content">
            </div>
            </div>
            </div>
	<div class="radial_bg">
   	  	<div class="sidebar"><h6 id="con">Contact us</h6></div>
			<div class="content">
        <a name="contact"/>
	  <div class="left_about">
            	<img height="30" width="220" style="padding-top: 20px; padding-bottom: 3px;" alt="Get in touch or get a quote" src="Webcontent/images/get-in-touch.gif"/>
                
                
	<div id="contactFormArea">
		<form id="cForm" method="post" action="">
			<fieldset>
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
  <tbody><tr>
    <td width="26%" valign="top" style="padding-bottom: 25px;"><label for="posName">Name:</label></td>
    <td width="74%" valign="top"><input type="text" id="posName" name="posName" size="25" class="text"/></input></td>
  </tr>
  <tr>
    <td valign="top" style="padding-bottom: 25px;"><label for="posEmail">Email:</label></td>
    <td valign="top"><input type="text" id="posEmail" name="posEmail" size="25" class="text"/></input></td>
  </tr>
  <tr>
    <td valign="top" style="padding-bottom: 25px;"><label for="posRegard">Regarding:</label></td>
    <td valign="top"><input type="text" id="posRegard" name="posRegard" size="25" class="text"/></input></td>
  </tr>
  <tr>
    <td valign="top" style="padding-bottom: 25px;"><label for="posText">Message:</label></td>
    <td valign="top"><textarea class="posText" id="posText" name="posText" rows="5" cols="50"/></textarea></td>
  </tr>
  <tr>
    <td> </td>
    <td><br/><label for="self">
					<input type="checkbox" value="send" id="self" name="self"/> </input>
					Send HM introduction to self
				</label>
				<label>
                <br/><br/>
					<input type="image" value=" Send Email " id="sendContactEmail" name="sendContactEmail" src="Webcontent/images/submit.gif" class="submit"/></input>
				</label></td>
  </tr>
</tbody></table>
			</fieldset>
		</form>
        </div>
	</div>
    <div class="right_about">
            	<strong><img style="padding-top: 20px;" alt="Our Services" src="Webcontent/images/we-can.gif"/></strong>
       			<div class="listitems" id="list2">
                    <ul>
                        <li>Support your hotel management</li>
                        <li>design your hotel hompage</li>
                    </ul>
                </div>
                
                
       </div>
     </div>

</div>
<div id="footer">
	<div class="footer_sidebar"> </div>
    <div id="content">
        
            <div class="footer_left">
                Copyright 2009 HotelManagement &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="footerlinks"><a href="#">HotelManagement System</a></span> / 
                <span class="footerlinks"><a href="#">Homepage of HM</a></span></div>
  <div class="footer_right"> 
            <div align="right">
            <span class="footerlinks"><a href="#home">Home</a></span> | 
            <span class="footerlinks"><a href="#about">About</a></span> |  
            <span class="footerlinks"><a href="#work">Accomodation</a></span> | 
            <span class="footerlinks"><a href="#hire">Reservation</a></span> |  
            <span class="footerlinks"><a href="#resume">Resume</a></span>            </div>
      </div>
    </div>
  </div>
</div>


</body>
</html>
